﻿<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3"><i class="icon-magnifier i-sm m-r-sm"></i> 搜索 
      <kbd class="pull-right">Search</kbd></h1>
</div>
<div class="wrapper-md">
  <form action="#" class="m-b-md">
    <div class="input-group">
      <input type="text" class="form-control input-lg" placeholder="请输入关键字">
      <span class="input-group-btn">
        <button class="btn btn-lg btn-default" type="button">搜索</button>
      </span>
    </div>
  </form>
  <p class="m-b-md"><strong>23</strong> 条结果发现: <strong>关键字</strong></p>
  <div class="tab-container">
    <ul class="nav nav-tabs">
      <li class="active"><a href data-toggle="tab" data-target="#tab_1">所有 <span class="badge badge-sm m-l-xs">16</span></a></li>
      <li><a href data-toggle="tab" data-target="#tab_2">用户 <span class="badge bg-danger badge-sm m-l-xs">6</span></a></li>
      <li><a href data-toggle="tab" data-target="#tab_3">评论 <span class="badge bg-primary badge-sm m-l-xs">9</span></a></li>
    </ul>
    <div class="tab-content">
      <div class="tab-pane active" id="tab_1">
        <ul class="list-group no-borders pull-in m-b-none">
          <li class="list-group-item">
            <a href="#" class="h4 text-primary m-b-sm m-t-sm block">行宫</a>
            <p>寥落古行宫，宫花寂寞红。白头宫女在，闲坐说玄宗。</p>
            <p><span class="label bg-primary pos-rlt m-r inline wrapper-xs"><i class="arrow right arrow-primary"></i> 作者:</span> <a href class="m-r-sm">唐代</a> <a href>元稹</a>
            </p>
          </li>
          <li class="list-group-item">
            <a href="#" class="h4 text-primary m-b-sm m-t-sm block">九月九日忆山东兄弟</a>
            <p>独在异乡为异客，每逢佳节倍思亲。遥知兄弟登高处，遍插茱萸少一人。</p>
            <p><span class="label bg-info pos-rlt m-r inline wrapper-xs"><i class="arrow right arrow-info"></i> 作者:</span> <a href class="m-r-sm">唐代</a> <a href>王维</a>
            </p>
          </li>
          <li class="list-group-item">
            <a href="#" class="h4 text-primary m-b-sm m-t-sm block">寄令狐郎中</a>
            <p>嵩云秦树久离居，双鲤迢迢一纸书。休问梁园旧宾客，茂陵秋雨病相如。</p>
            <p><span class="label bg-info pos-rlt m-r inline wrapper-xs"><i class="arrow right arrow-info"></i> 作者:</span> <a href class="m-r-sm">唐代</a> <a href>李商隐</a>
            </p>
          </li>
          <li class="list-group-item">
            <a href="#" class="h4 text-primary m-b-sm m-t-sm block">早发白帝城</a>
            <p>朝辞白帝彩云间，千里江陵一日还。两岸猿声啼不住，轻舟已过万重山。</p>
            <p><span class="label bg-info pos-rlt m-r inline wrapper-xs"><i class="arrow right arrow-info"></i> 作者:</span> <a href class="m-r-sm">唐代</a> <a href>李白</a>
            </p>
          </li>
          <li class="list-group-item">
            <a href="#" class="h4 text-primary m-b-sm m-t-sm block">秋夕</a>
            <p>银烛秋光冷画屏，轻罗小扇扑流萤。天阶夜色凉如水，卧看牵牛织女星。</p>
            <p><span class="label bg-info pos-rlt m-r inline wrapper-xs"><i class="arrow right arrow-info"></i> 作者:</span> <a href class="m-r-sm">唐代</a> <a href>杜牧</a>
            </p>
          </li>
          <li class="list-group-item">
            <a href="#" class="h4 text-primary m-b-sm m-t-sm block">黄鹤楼送孟浩然之广陵</a>
            <p>故人西辞黄鹤楼，烟花三月下扬州。孤帆远影碧空尽，唯见长江天际流。 </p>
            <p><span class="label bg-info pos-rlt m-r inline wrapper-xs"><i class="arrow right arrow-info"></i> 作者:</span> <a href class="m-r-sm">唐代</a> <a href>李白</a>
            </p>
          </li>
        </ul>
      </div>
      <div class="tab-pane" id="tab_2">
        <ul class="list-group list-group-alt list-group-lg no-borders pull-in m-b-none">
          <li class="list-group-item">
            <a href="#" class="pull-left thumb-md m-r">
              <img src="img/a0.jpg" alt="..." class="img-circle">
            </a>
            <div class="clear">
              <a href="#" class="h4 text-primary m-b-sm block">李白 <span class="label label-sm bg-info">唐代诗人</span></a>
              <div>李白（701年－762年），字太白，号青莲居士，又号“谪仙人”，是唐代伟大的浪漫主义诗人，被后人誉为“诗仙”，与杜甫并称为“李杜”，为了与另两位诗人李商隐与杜牧即“小李杜”区别，杜甫与李白又合称“大李杜”。其人爽朗大方，爱饮酒作诗，喜交友。</div>
            </div>
          </li>
          <li class="list-group-item">
            <a href="#" class="pull-left thumb-md m-r">
              <img src="img/a1.jpg" alt="..." class="img-circle">
            </a>
            <div class="clear">
              <a href="#" class="h4 text-primary m-b-sm block">杜甫 <span class="label label-sm bg-danger">唐代诗人</span></a>
              <div>杜甫（712年—770年），字子美，汉族，本襄阳人，后徙河南巩县。自号少陵野老，唐代伟大的现实主义诗人，与李白合称“李杜”。为了与另两位诗人李商隐与杜牧即“小李杜”区别，杜甫与李白又合称“大李杜”，杜甫也常被称为“老杜”。杜甫很忙。</div>
            </div>
          </li>
          <li class="list-group-item">
            <a href="#" class="pull-left thumb-md m-r">
              <img src="img/a2.jpg" alt="..." class="img-circle">
            </a>
            <div class="clear">
              <a href="#" class="h4 text-primary m-b-sm block">李商隐 </a>
              <div>李商隐（约813年-约858年），字义山，号玉溪（谿）生，又号樊南生，祖籍怀州河内（今河南焦作沁阳），出生于郑州荥阳（今河南郑州荥阳市），晚唐著名诗人，和杜牧合称“小李杜”，与温庭筠合称为“温李”。</div>
            </div>
          </li>
          <li class="list-group-item">
            <a href="#" class="pull-left thumb-md m-r">
              <img src="img/a3.jpg" alt="..." class="img-circle">
            </a>
            <div class="clear">
              <a href="#" class="h4 text-primary m-b-sm block">杜牧</a>
              <div>杜牧（803年－约852年），字牧之，号樊川居士，汉族，京兆万年（今陕西西安）人。杜牧是唐代杰出的诗人、散文家，是宰相杜佑之孙，杜从郁之子。唐文宗大和二年26岁中进士，授弘文馆校书郎。后赴江西观察使幕，转淮南节度使幕，又入观察使幕，理人国史馆修撰，膳部、比部、司勋员外郎，黄州、池州、睦州刺史等职。</div>
            </div>
          </li>
          <li class="list-group-item">
            <a href="#" class="pull-left thumb-md m-r">
              <img src="img/a4.jpg" alt="..." class="img-circle">
            </a>
            <div class="clear">
              <a href="#" class="h4 text-primary m-b-sm block">温庭筠</a>
              <div>温庭筠（约812年-约866年），本名岐，艺名庭筠，字飞卿，男，汉族，唐代并州祁县（今山西省晋中市祁县）人，晚唐时期诗人、词人。唐初宰相温彦博之后裔。出生于没落贵族家庭，富有天才，文思敏捷，每入试，押官韵，八叉手而成八韵，有“温八叉”之称。</div>
            </div>
          </li>
        </ul>
      </div>
      <div class="tab-pane" id="tab_3">
        <ul class="list-group list-group-lg no-borders pull-in m-b-none">
          <li class="list-group-item">
            <a href="#" class="h4 text-primary m-b-sm block">赤壁： 折戟沉沙铁未销，自将磨洗认前朝。东风不与周郎便，铜雀春深锁二乔。</a>
            <p class="b wrapper-md pos-rlt bg-light r r-2x"><span class="arrow top pull-left arrow-light"></span>一支折断了的铁戟（古代兵器）沉没在水底的沙中还没有销蚀掉，经过自己又磨又洗发现这是当年赤壁之战的遗留之物。假如东风不给周瑜以方便，结局恐怕是曹操取胜，二乔被关进铜雀台了。</p>
          </li>
          <li class="list-group-item">
            <a href="#" class="h4 text-primary m-b-sm block">登岳阳楼：昔闻洞庭水，今上岳阳楼。
吴楚东南坼，乾坤日夜浮。
亲朋无一字，老病有孤舟。
戎马关山北，凭轩涕泗流。</a>
            <p class="b wrapper-md pos-rlt"><span class="arrow top pull-left"></span>
                以前的日子就听说洞庭湖波澜壮阔，今日如愿终于登上岳阳楼。
                浩瀚的湖水把吴楚两地撕裂，似乎日月星辰都漂浮在水中。
                亲朋好友们音信全无，我年老多病，乘孤舟四处漂流。
                北方边关战事又起，我倚着栏杆远望泪流满面。</p>
          </li>
          <li class="list-group-item">
            <a href="#" class="h4 text-primary m-b-sm block">乌衣巷：朱雀桥边野草花，乌衣巷口夕阳斜。
旧时王谢堂前燕，飞入寻常百姓家。</a>
            <p class="b wrapper-md pos-rlt bg-info text-lt r r-2x"><span class="arrow top pull-left arrow-info"></span>朱雀桥边一些野草开花，乌衣巷口唯有夕阳斜挂。当年王导、谢安檐下的燕子，如今已飞进寻常百姓家中。</p>
          </li>
          <li class="list-group-item">
            <a href="#" class="h4 text-primary m-b-sm block">春宫曲：昨夜风开露井桃，未央前殿月轮高。
平阳歌舞新承宠，帘外春寒赐锦袍。</a>
            <p class="b wrapper-md pos-rlt"><span class="arrow top pull-left"></span>昨夜的春风吹开了露井边的桃花，未央宫前的明月高高地挂在天上。
平阳公主家的歌女新受武帝宠幸，见帘外略有春寒皇上特把锦袍赐给她。</p>
          </li>
        </ul>
      </div>
    </div>
  </tabset>
</div>
